.status-bar{
  display: none;
}

.top {
  background: linear-gradient(rgba(250, 98, 95, 1), rgba(250, 48, 45, 1));
  .status-bar, .header {
    background: none;
    box-shadow: none;
    border-bottom: none;
    .title {
      span {
        color: #ffffff;
      }
    }
  }
  .info {
    width: 100%;
    height: 3.18rem;
    .img {
      width: 1.26rem;
      height: 1.26rem;
      border-radius: .63rem;
      margin-bottom: .26rem;
    }
    & > div {
      span {
        height: 0.28rem;
        font-size: 0.28rem;
        color: #e6e6e6;
        line-height: 0.28rem;
      }
      .icon {
        width: .28rem;
        height: .28rem;
        background: url(../../../img/my/edit.png) center no-repeat;
        background-size: contain;
      }
    }

  }
}

.lib-scroll {
  margin-top: -0.6rem;
  .main-bg {
    background: none;
  }
}

.main {
  .order {
    margin-top: .17rem;
    width: 6.72rem;
    height: 1.92rem;
    background: #ffffff;
    border-radius: .2rem;
    box-shadow: 0 0 0.1rem 0.01rem rgba(4, 0, 0, 0.33);
    .icon {
      width: 0.5rem;
      height: 0.5rem;
    }
    .icon-0 {
      background: url(../../../img/my/order.png) center no-repeat;
      background-size: contain;
    }
    .icon-1 {
      background: url(../../../img/my/reply.png) center no-repeat;
      background-size: contain;
    }
    .icon-2 {
      background: url(../../../img/my/over.png) center no-repeat;
      background-size: contain;
    }
    .icon-3 {
      background: url(../../../img/my/cannel.png) center no-repeat;
      background-size: contain;
    }
    div > div > span {
      margin-top: .12rem;
      height: 0.24rem;
      font-size: 0.24rem;
      color: rgba(44, 44, 44, 1);
      line-height: 0.24rem;
    }
    & > span {
      margin: .18rem 0 0 .14rem;
      height: 0.24rem;
      font-size: 0.24rem;
      color: rgba(0, 0, 0, 1);
      line-height: 0.24rem;
    }
  }
  .list {
    margin-top: .34rem;
    .line {
      width: 6.26rem;
      height: 0.01rem;
      border-bottom: .01rem solid #bababa;
    }
    div {
      height: .98rem;
      div:nth-child(2) {
        margin-left: .1rem;
        width: 1.26rem;
        height: 0.32rem;
        font-size: 0.32rem;
        color: rgba(44, 44, 44, 1);
        line-height: 0.35rem;
      }
    }
    .icon {
      width: .36rem;
      height: .36rem;
    }
    .icon-message {
      background: url(../../../img/my/message.png) center no-repeat;
      background-size: contain;
    }
    .icon-collection {
      background: url('../../../img/my/collection.png') center no-repeat;
      background-size: contain;
    }
    .icon-adapter {
      background: url(../../../img/my/adapter.png) center no-repeat;
      background-size: contain;
    }
    .icon-setup {
      background: url(../../../img/my/setup.png) center no-repeat;
      background-size: contain;
    }
    .icon-arrow {
      margin-right: 0.3rem;
      background: url(../../../img/arrow.png) center no-repeat;
      background-size: contain;
    }
  }
}

.password, .clean, .exit {
  &+.line{
    display: none;
  }
}

.exit {
  display: none;
  span {
    width: .64rem;
    height: .32rem;
    font-size: .32rem;
    color: rgba(250, 48, 45, 1);
    line-height: .32rem;
  }
}

.password{
  display: none;
}